<template>
    <div style="margin-top: 50px">
        <el-row>
            <el-col :span="6">
                <div class="grid-content bg-purple">
                    <el-row class="tac">
                        <el-col :span="12">

                            <el-menu
                                    default-active="2"
                                    class="el-menu-vertical-demo">
                                <el-submenu index="1">
                                    <template slot="title">
                                        <i class="el-icon-location"></i>
                                        <span>导航一</span>
                                    </template>

                                    <el-menu-item-group>
<!--                                        <template slot="title">分组一</template>-->
                                        <el-menu-item index="1-3" @click="showTag('cshow')">电影购买</el-menu-item>
                                        <el-menu-item index="1-2" @click="showTag('oshow')">订单详情</el-menu-item>
                                        <el-menu-item index="1-4" @click="showTag('ushow')">用户详情</el-menu-item>
                                    </el-menu-item-group>
                                </el-submenu>
                            </el-menu>
                        </el-col>
                    </el-row>
                </div>
            </el-col>
            <el-col :span="18">
                <div class="grid-content bg-purple-light">
<!--                    <Component v-show="cshow"></Component>-->
                    <Order v-show="oshow"></Order>
                    <User v-show="ushow"></User>
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    import Order from "../components/Order.vue";
    import User from "../components/User";
    export default {
        name: "Ticket",
        components:{User, Order,},
        data(){
            return{
                cshow:false,
                oshow:true,
                ushow:false
            }
        },
        methods:{
            // eslint-disable-next-line no-unused-vars
          showTag(name){
              console.log(11111)
                  for (let w in this._data) {
                      this._data[w] = false;
                      if (w == name){
                          this._data[w] = true;
                      }
                  }
          }
        }
    }
</script>

<style scoped>

</style>